Day #17 Pacman & Ghost Animation!

Sandbox This is where you play

Instructions: Create a simple animation of Pacman chomping and chasing a ghost along this container element!

CSS Only Pacman

Final Result Use this for reference!

CSS Only Pacman

Information About this lesson

What are we making?

Fun & fancy ways to create a CSS only version of a Pacman animation!

Where can I use it?

You won't necessarily use this sort of example in client work, however, it's a great excercise to deepen your understanding of the inner workings of CSS3 animations!

How compatible are these styles with major browsers?

Check the CSS3 styles from your stylesheet on this website. It allows you to see the compatibility of every CSS style with major browser.